<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>窗口 - Xui Demo</title>
	<!-- demo -->
	<link rel="stylesheet" type="text/css" href="../demo.css">
	<script type="text/javascript" src="../demo_data.js"></script>
	
	<!-- xui -->
	<link rel="stylesheet" type="text/css" href="../../xui.css">
	<script type="text/javascript" src="../../jquery.min.js"></script>
	<script type="text/javascript" src="../../xui.js"></script>
	
	<!-- xwindow -->
	<script type="text/javascript">
		$(function(){
			var win = $("#xwindow").xwindow({
				open:true,
				width:500,
				height:300
			});
			
			$(".btn_open").click(function(){
				win.open();
			})
		})
	</script>
</head>
<body>
	<h2>窗口</h2>
	<button class="xbtn btn_open">open</button>
	<div class="xwindow" id="xwindow">
		<div class="cover"></div>
		<div class="xbox">
			<div class="title">窗口</div>
			<div class="demo_xbody">
				<p>xui是基于jQuery的轻量级UI框架，体积超小、渲染超快、极致灵活、简单易学。</p>
			</div>
			<div class="bottombar">
				<button class="xbtn submit">保存</button>
				<button class="xbtn close">关闭</button>
			</div>
		</div>
	</div>
</body>
</html>